
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>奶龙视频</title>
	<link href="../assets/css/theme.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet"  type="text/css">
	<script src="../js/jquery.min.js"></script>
	<script src="../js/bootstrap.bundle.min.js"></script>
	<script src="../js/theme.js"></script>
</head>
<body>
	<!-- 插入导航栏和底部 -->
	<script>setInnerPage()</script>
    <!-- 首页 -->
    <section id="home" class="container mt-5 pt-5">
		<a name = "home"></a>
        <div class="row align-items-center">
            <div class="col-md-6">
                <h1 class="display-4">欢迎了解奶龙的小瞬间</h1>
                <p class="lead">各式各样的奶龙小视频！</p>
            </div>
            <div class="col-md-6">
                <img src="../assets/img/nailong_poster0.jpg" class="img-fluid" alt="奶龙视频主图">
            </div>
        </div>
    </section>

    <!-- 奶龙介绍 -->
	<a name = "instance"></a>
    <section id="intro" class="container my-5 dragon-pattern py-5">
		<h2 class="text-center mb-4">🌟 奶龙瞬间 🌟</h2>
        <div class="row row-cols-1 row-cols-md-3 g-4">
    		<!-- 奶龙搞笑 -->
            <div class="col">
                <div class="dragon-card h-100 p-3">
                    <h4>奶龙搞笑</h4>
                    <p>“奶龙”经常有一些搞笑的小动作。</p>
					<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113648206880630&bvid=BV1jkBVYKEme&cid=27329957183&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
                </div>
            </div>
    		<!-- 奶龙动画 -->
            <div class="col">
                <div class="dragon-card h-100 p-3">
                    <h4>奶龙动画</h4>
                    <p>奶龙独自有一部动画片</p>
					<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=114154576806927&bvid=BV1KgQAYsEqn&cid=28844295273&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
                </div>
            </div>
    		<!-- 奶龙冒险 -->
    		<div class="col">
    		    <div class="dragon-card h-100 p-3">
    		        <h4>奶龙冒险</h4>
    		        <p>奶龙是一个爱冒险的异星小恐龙。</p>
    		        <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=114317114479935&bvid=BV1rqdmYEE6h&cid=29347743273&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
    		    </div>
    		</div>
        </div>
    </section>
</body>
</html>